<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>特色节日</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../common/base.css">
    <link rel="stylesheet" href="../layout/head/index.css">
    <link rel="stylesheet" href="../layout/footer/index.css">
    <link rel="stylesheet" href="./index.css">
    <!-- 引入去顶部 -->
    <link rel="stylesheet" href="../layout/helper/index.css">
</head>

<body id="to-head">
    <!-- 头部开始 -->
    <div class="head-container" >
        <div class="head-wrapper">
            <div class="nav-wrapper">
                <h1 class="logo-wrapper">
                    <a href="../index.html" class="logo">
                        <img src="../image/logo.png" alt="" class="logo-img">
                    </a>
                </h1>

                <div class="nav-list">
                    <ul class="nav-items">
                        <li class="nav-item"><a href="../food/index.html" target="_self" class="nav-link">广西美食</a>
                        </li>
                        <li class="nav-item"><a href="../scenery/index.html" target="_self" class="nav-link">广西美景</a>
                        </li>
                        <li class="nav-item"><a href="../specialty/index.html" target="_self" class="nav-link">广西特产</a></li>
                        <li class="nav-item"><a href="../festival/index.html" target="_self" class="nav-link">特色节日</a>
                        </li>
                        <li class="nav-item"><a href="../contact/index.html" target="_self" class="nav-link">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="login-wrapper">
                <div class="login-btn">
                    <a href="../login/login.html">
                        <div class="btn">登录</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->


    <div class="container">
        <div class="festival-wrap">
            <div class="nav-wrap">
                <ul>
                    <li class="list list-img">
                        <img src="../image/列表.svg" alt="">
                    </li>
                    <li class="list"><a href="#one">三月三</a></li>
                    <li class="list"><a href="#two">炮龙节</a></li>
                    <li class="list"><a href="#three">盘王节</a></li>
                    <li class="list"><a href="#four">晒衣节</a></li>
                    <li class="list"><a href="#five">分龙节</a></li>
                </ul>
            </div>
            <div class="main-wrap">
                <ul>
                    <li class="item">
                        <div class="text">
                            <p class="title" id="one">三月三（壮族三月三）</p>
                            <p class="explain">
                                广西壮族自治区南宁市武鸣区民俗，国家级非物质文化遗产名录之一。又称歌圩节、歌婆节或歌仙节，是壮族祭祀祖先、倚歌择配的传统节日，是壮族及其先民在特定的历史条件和生活环境下，经过日积月累而慢慢形成的一种具有壮族特色的传统节日。壮族三月三主要流传在武鸣区东部罗波镇、两江镇、陆斡镇、马头镇以及武鸣区西部的锣圩镇、灵马镇。
                            </p>
                        </div>
                        <div class="item-img"> <img src="../image/壮族三月三.jpg" alt=""></div>



                    </li>
                    <li class="item">
                        <div class="text">
                            <p class="title" id="two">炮龙节</p>
                            <p class="explain">
                                炮龙节，流传于南宁宾阳县，已有上千年的历史。相传北宋名将狄青为麻痹侬智高，下令大办宴席三天，士兵舞龙，百姓放鞭炮，狄青则率兵突袭昆仑关，当地百姓从此认为舞炮龙吉祥，这项活动于是流传至今
                            </p>
                        </div>
                        <div class="item-img"> <img src="../image/炮龙节.jpg" alt=""></div>


                    </li>
                    <li id="three" class="item">

                        <div class="text">
                            <p class="title">盘王节</p>
                            <p class="explain">
                                盘王节，瑶族的传统节日，瑶族盘王节原先是为了纪念盘王，现代的盘王节已逐步发展为庆祝丰收的联谊会，青年男女则借此机会以歌道情。
                            </p>
                        </div>
                        <div class="item-img"> <img src="../image/盘王节.jpg" alt=""></div>

                    </li>
                    <li id="four" class="item">
                        <div class="text">
                            <p class="title">晒衣节</p>
                            <p class="explain">
                                广西龙胜各族自治县龙脊镇大寨村举办一年一度的“晒衣节”，当地红瑶妇女将箱底的花衣、花裙等民族服饰拿出来晾晒。各家的晒排上、走廊上一片红红绿绿的衣裳鲜艳夺目，吸引众多中外游客前来领略当地多彩的民族风情。
                            </p>
                        </div>
                        <div class="item-img"> <img src="../image/晒衣节.jpg" alt=""></div>


                    </li>
                    <li id="five" class="item">
                        <div class="text">
                            <p class="title">分龙节</p>
                            <p class="explain">
                                分龙节是流传于南北各地的民间节日。此际多雨，传说是龙分开到各地去行雨的日子。除了汉族，它也是毛南族、畲族的传统节日。
                            </p>
                        </div>
                        <div class="item-img"> <img src="../image/分龙节.jpg" alt=""></div>


                    </li>

                </ul>
            </div>
        </div>
    </div>

    <!-- 底部开始 -->
    <div class="footer-container">
        <div class="footer-wrapper">
            <div>Copyright © 我的家乡2022 猫猫</div>
        </div>
    </div>
    <!-- 底部结束 -->

    <a href="#to-head">
        <div class="helper-wrapper">
            <div class="to-top">
                <div class="to-top-img">
                    <img src="../image/totop.svg" alt="">
                </div>
                <span class="to-top-title">顶部</span>
            </div>
        </div>
    </a>
</body>

</html>